<div class="layuimini-main">
    <div class="layui-form layuimini-form">
		
		<!-- 上部 -->
		<div style="background:#efefef; padding:10px 40px;">
			<div class="layui-input-block" style="line-height: 40px;font-size:16px;">
				<span style="margin-left:-100px;"><b>嘎嘎 / 男 / 0岁</b></span>
				<span style="float:right;font-size:14px; color: #666666;">当前检测药店：老百姓大药房 - 龙塘小区分店</span>
			</div>
		</div>
		
		
		<!-- 检测选项 -->
		<div align="center" style="padding-top:50px;">
			<button type="button" id="btn1" class="layui-btn" style="width:150px; height:150px;"><i class="layui-icon"></i><br/>血糖检测</button>
			<button type="button" class="layui-btn layui-btn-normal" style="width:150px; height:150px;"><i class="layui-icon"></i><br/>血压检测</button>
			<button type="button" class="layui-btn layui-btn-warm" style="width:150px; height:150px;"><i class="layui-icon"></i><br/>身体指标检测</button>
		</div>
		
    </div>
</div>

<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="lib/jq-module/paigusu.min.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'miniPage'], function () {
        var form = layui.form,
            layer = layui.layer,
			miniPage = layui.miniPage,
            $ = layui.$;
	
		$(document).on('click','#btn1',function(){
			//打开血糖检测
			//var content = miniPage.getHrefContent('select-medical.html');
			var openWH = miniPage.getOpenWidthHeight();
			openWH[0] = openWH[0] - 100;
			openWH[1] = openWH[1] - 100;
			//定义弹出层
			var index = layer.open({
				title: '血糖检测',
				type: 1,
				shade: 0.2,
				maxmin: false, //弹出层，最小化和最大化的按钮
				shadeClose: true, //关闭
				area: [openWH[0]-50 + 'px', openWH[1]-50 + 'px'],
				offset: [openWH[2] + 'px', openWH[3] + 'px'],
				content: 'select-medical.html', //弹出层的内容
			});
			
			return false;
		});
	
	
		
    });
</script>